<script src="fuzhu.js"></script>


<style>
.tem1 .dt-list{ padding:0; padding-top: 10px; }
.tem1 .dt-list a{
    padding-left:8px;
    border-bottom:1px dashed #f29c9f;
    display: block;
    font-size: 15px;
    color: #666;
    line-height: 45px;
    height: 45px;
    text-decoration: none;
    overflow: hidden;
}
.icon-box{ float: left; width: 20px;line-height: 45px; }
.tem1 .date-span{ float: right;}
.tem1 a:hover{ color:#dd0011; }
/*phone*/
.screen-phone .tem1 .dt-list{ padding-top: 0; }
.screen-phone .tem1 .dt-list a{ height: 35px;line-height: 35px; }
.screen-phone .icon-box{ line-height: 35px; }
</style> 

<div id="template" name="tem1">
  <div class="tem1">
    <ul class="dt-list">
      <li>
        <a href="javascript:require('tem2');" class="btn-list">
          <div class="icon-box">
            <i class="icon icon-play"></i>
          </div>
          <span class="date-span">2019.02.15</span>
          <div class="sw-cj">第三届作文比赛，征文结果公布第三届作文比赛，征文结果公布第三届作文比赛，征文结果公布</div>
        </a>
      </li>
      <li>
        <a href="javascript:require('tem2');" class="btn-list">
          <div class="icon-box">
            <i class="icon icon-play"></i>
          </div>
          <span class="date-span">2019.02.15</span>
          <div class="sw-cj">第三届作文比赛，征文结果公布第三届作文比赛，征文结果公布第三届作文比赛，征文结果公布</div>
        </a>
      </li>
      <li>
        <a href="javascript:require('tem2');" class="btn-list">
          <div class="icon-box">
            <i class="icon icon-play"></i>
          </div>
          <span class="date-span">2019.02.15</span>
          <div class="sw-cj">第三届作文比赛，征文结果公布第三届作文比赛，征文结果公布第三届作文比赛，征文结果公布</div>
        </a>
      </li>
      <li>
        <a href="javascript:require('tem2');" class="btn-list">
          <div class="icon-box">
            <i class="icon icon-play"></i>
          </div>
          <span class="date-span">2019.02.15</span>
          <div class="sw-cj">第三届作文比赛，征文结果公布第三届作文比赛，征文结果公布第三届作文比赛，征文结果公布</div>
        </a>
      </li>
      <li>
        <a href="javascript:require('tem2');" class="btn-list">
          <div class="icon-box">
            <i class="icon icon-play"></i>
          </div>
          <span class="date-span">2019.02.15</span>
          <div class="sw-cj">第三届作文比赛，征文结果公布第三届作文比赛，征文结果公布第三届作文比赛，征文结果公布</div>
        </a>
      </li>
      <li>
        <a href="javascript:require('tem2');" class="btn-list">
          <div class="icon-box">
            <i class="icon icon-play"></i>
          </div>
          <span class="date-span">2019.02.15</span>
          <div class="sw-cj">第三届作文比赛，征文结果公布第三届作文比赛，征文结果公布第三届作文比赛，征文结果公布</div>
        </a>
      </li>
      <li>
        <a href="javascript:require('tem2');" class="btn-list">
          <div class="icon-box">
            <i class="icon icon-play"></i>
          </div>
          <span class="date-span">2019.02.15</span>
          <div class="sw-cj">第三届作文比赛，征文结果公布第三届作文比赛，征文结果公布第三届作文比赛，征文结果公布</div>
        </a>
      </li>
      <li>
        <a href="javascript:require('tem2');" class="btn-list">
          <div class="icon-box">
            <i class="icon icon-play"></i>
          </div>
          <span class="date-span">2019.02.15</span>
          <div class="sw-cj">第三届作文比赛，征文结果公布第三届作文比赛，征文结果公布第三届作文比赛，征文结果公布</div>
        </a>
      </li>
      <li>
        <a href="javascript:require('tem2');" class="btn-list">
          <div class="icon-box">
            <i class="icon icon-play"></i>
          </div>
          <span class="date-span">2019.02.15</span>
          <div class="sw-cj">第三届作文比赛，征文结果公布第三届作文比赛，征文结果公布第三届作文比赛，征文结果公布</div>
        </a>
      </li>
      <li>
        <a href="javascript:require('tem2');" class="btn-list">
          <div class="icon-box">
            <i class="icon icon-play"></i>
          </div>
          <span class="date-span">2019.02.15</span>
          <div class="sw-cj">第三届作文比赛，征文结果公布第三届作文比赛，征文结果公布第三届作文比赛，征文结果公布</div>
        </a>
      </li>
      <li>
        <a href="javascript:require('tem2');" class="btn-list">
          <div class="icon-box">
            <i class="icon icon-play"></i>
          </div>
          <span class="date-span">2019.02.15</span>
          <div class="sw-cj">第三届作文比赛，征文结果公布第三届作文比赛，征文结果公布第三届作文比赛，征文结果公布</div>
        </a>
      </li>
    </ul>
    <div style="text-align: center;">
      <ul id="myPager" class="pager"></ul>
    </div>
  </div>
</div>

<script id="script" type="text/text">
  // 分页器
  $('#myPager').pager({
    page: 1,             //初始化显示第一页
    recTotal: 90,        //总条目
    recPerPage:15,       //每页显示的条目数
    elementCreator: function(element, $pager, state) {
      if (element === 'first_icon') {
          return $('<a class="pager-item" data-page="1" href="#page=1">首页</a>');
      }              
      if (element === 'last_icon') {
          return $('<a class="pager-item" data-page="'+state.totalPage+'" href="#page='+state.totalPage+'">尾页</a>');
      }

      if (element === 'prev_icon') {
          return $('<a class="pager-item" data-page="'+state.prev+'" href="#page='+state.prev+'">上一页</a>');
      }
      if (element === 'next_icon') {
          return $('<a class="pager-item" data-page="'+state.next+'" href="#page='+state.next+'">下一页</a>');
      }
      return false;
    },
    onPageChange:function(data){
      // console.log(data)
    },
  });


</script>



